HTMLify

const boxesContainer = document.getElementById("boxes");
const button = document.getElementById("btn");

const createBoxes = () => {
  for (let i = 0; i < 4; i++) {
    for (let j = 0; j < 4; j++) {
      const box = document.createElement("div");
      box.classList.add("box");
      box.style.backgroundPosition = `${-j * 125}px ${-i * 125}px`;
      boxesContainer.appendChild(box);
    }
  }
};

createBoxes();

button.addEventListener("click", () => boxesContainer.classList.toggle("big"));